
<ion-tabs class="tabs-icon-top tabs-color-active-positive tabs-light">
<!--home-->
  <ion-tab title="首页" class="foot-tab"  icon-off="ion-flash" icon-on="ion-flash" href="#/tab/home">
    <!--name值对应的是.state中多视图views下的状态-->
    <ion-nav-view name="tab-home"></ion-nav-view>
  </ion-tab>

<!--discover-->
  <ion-tab title="发现精选" class="foot-tab" icon-off="ion-heart" icon-on="ion-heart" href="#/tab/discover">
    <ion-nav-view name="tab-discover"></ion-nav-view>
  </ion-tab>

<!--course-->
  <ion-tab title="课程内容" class="foot-tab" icon-off="ion-happy" icon-on="ion-happy" href="#/tab/course">
    <ion-nav-view name="tab-course"></ion-nav-view>
  </ion-tab>

  <!--me-->
  <ion-tab title="我" class="foot-tab" icon-off="ion-android-person" icon-on="ion-android-person" href={{userUrl}}>
    <ion-nav-view name="tab-me"></ion-nav-view>
  </ion-tab>

</ion-tabs>
